// 引入依赖的配置文件模块
require(["config"], function(){
	// 引入依赖模块
	require(["jquery","template", "header", "zoom", "fly", "carousel", "cookie", "bootstrap"], function($, template){
		function Detail(){
			this.render();
		}
		Detail.prototype = {
			constructor: Detail,
			// 渲染详情页面数据
			render: function() {
				$.ajax("http://rap2api.taobao.org/app/mock/86944/api/detail")
					.done($.proxy(this.handleData, this));
			},
			// 处理ajax获取到的数据
			handleData: function(data) {
				// 获取使用数据
				data = data.res_body.data;
				console.log(data);
				// 渲染
				var html = template("detail_template", data);
				$(".show").prepend(html);
				// 放大镜
				this.zoom();
				// 注册事件监听
				this.addListener();
				// 轮播图
				//this.loadCarousel();
				//选项卡
				
			},
			// 放大镜效果
			zoom: function() {
				$(".middle-zoom").elevateZoom({
					gallery:'gal1', 
					cursor: 'pointer', 
					galleryActiveClass: 'active'
				});
			},
			addListener: function() {
				// 添加到购物车
				$("#cart-to").click(this.addToCartHandler);
				//$("#myTab a").click(this.xuanxiangHandler);
			},

			// xuanxiangHandler: function() {
			//    	$(this).siblings('li').removeClass("curr");  // 删除其他兄弟元素 $(this).addClass('selected');  
			//    	$(this).addClass("curr");  // 添加当前元素的样式 })
			//  },
			// 添加到购物车处理
			addToCartHandler: function(event) {
				// 获取当前选购商品的信息
				var currentProduct = {
					id: $(".prod_id").text(),
					title: $(".prod_title").text(),
					img: $("#gal1 img:first").attr("src"),
					price: $(".prod_price").text(),
					amount:1
				};
				console.log(currentProduct);
				/* 判断是否已选购过当前商品 */
				// 从 cookie 中读取以有的购物车数据
				$.cookie.json = true; // 配置自动在JS值与JSON文本之间相互转换
				var products = $.cookie("cart") || [];
				// 判断是否已有选购
				var has = products.some(function(prod) {
					if (prod.id == currentProduct.id) { // 已有选购商品
						prod.amount++; // 数量自增
						return true;
					}
					return false;
				});
				if (!has) // 未选购
					products.push(currentProduct);

				// 保存购物车：存回cookie
				// 数据结构：[{id,title,img,price,amout},{id,title,img,price,amout},{id,title,img,price,amout}]
				$.cookie("cart", products, {expires: 10, path:"/"});

				// 抛物线效果
				var end = $(".goucart").offset(); // 终点坐标
				console.log("22222");
				end.top -= $(window).scrollTop();
				var start = {top: event.pageY - $(window).scrollTop(), left: event.pageX}; // 起点坐标
				var flyer = $("#gal1 img:first").clone(); // 抛物线运动的元素
				// 运动
				flyer.fly({
					start, // 运动起点坐标
					end, // 运动终点坐标
					onEnd: function() { // 结束后，将资源销毁
						this.destroy();
					}
				});

				return false; // 阻止冒泡和阻止默认
			}
		}
		new Detail();
	});
});